<template>
    <div>
        <div>
            <div class="wx_intop" @click="openShare"></div>
            <div class="wx_share_panel">
                <div class="wx_share_to_wx">分享至</div>
                <div class="clear wx_icon_panel">
                    <div class="wx_icon_img fl" @click="MessageShareData">
                        <i class="iconfont icon-weixin1 wx_icon"></i>
                        <span class="wx_span">微信</span>
                    </div>
                    <div class="wx_icon_img fl" @click="TimelineShareData">
                        <i class="iconfont icon-pengyouquan1 wx_icon"></i>
                        <span class="wx_span">朋友圈</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                // wxShare: true,
            }
        },
        methods: {
            // 遮罩层
            openShare() {
                this.$emit('wxdone');
            },
            // 微信群
            MessageShareData() {
                this.$emit('wxmessage');
            },
            //微信朋友圈
            TimelineShareData() {
                this.$emit('wxline');
            }
        },
        props: ["wxdone", "wxmessage", "wxline"]
    }
</script>

<style>

</style>